<template>
	<div>
		<!-- <HBNavBar></HBNavBar>  -->
		<button @click="isHComTime = true"> 日期选择组件 </button>

		
		
		<button @click="isHRegion = true"   > 地区联动组件 </button>
		
		<!-- <button @click="HBNavBar = true"   > 地区联动组件 </button> -->
		
		<!-- 选择生日时间组件 -->
		<HComTime v-if="isHComTime" :currentDate="currentDate" @hideTime="isHComTime = false" @sendTimeFun="BtnHComTime"></HComTime>
		<!-- 地区联动组件 -->
		<HRegion v-if="isHRegion" @hideTime="isHRegion = false" @sendTimeFun="BtnHRegion"></HRegion> 

		


	</div>
</template>

<script>
	//选择生日时间组件
	import HComTime from '../../components/H-comTime/H-comTime.vue'
	import HRegion from '../../components/H-region/H-region.vue'
	import HBNavBar from '../../components/HBNavBar/HBNavBar.vue'
	export default {
		components:{
			HComTime,
			HRegion,
			HBNavBar
		},
		data() {
			const currentDate =this.$tools.getDate({format: true})
			return {
				currentDate: currentDate,
				isHComTime: false,
				isHRegion:false,
			}
		},
		onLoad() {
			
		},
		methods: {
			BtnHComTime(val) {
				this.currentDate = val.value
				console.log(val);
				this.isHComTime = false
			},
			BtnHRegion(val){
				console.log(val); 
				this.isHRegion = false
			},
		}
	}
</script>

<style>

</style>